import Vue from 'vue'
// 导入路由
import VueRouter from 'vue-router'
// 安装路由
Vue.use(VueRouter)

// 导入组件
import HomeView from '../views/HomeView.vue'


// 创建路由规则
const routes = [
  // 路径 `/`就代表路径毛都没输入就显示home这个组件
  {
    path: '/home',
    name: 'home',
    component: HomeView
  },
  // 路径 `/about`就代表用这个路径访问 `about`组件
  {
    path: '/about',
    name: 'about',
  
    component: () => import('../views/AboutView.vue')
  }
]

// 实例化一个路由对象并使用上面的规则
const router = new VueRouter({
  routes,
  // mode: 'history'
})

// 暴露出了这个路由对象
export default router
